﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link type="text/css" href="../../../css/hui.css" rel="stylesheet" />
    <style type="text/css"></style>
</head>
<body class="hui-body">
    <div class="hui-padding-all-5">
        <button class="hui-button hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-10 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-turquoise hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                    2
                </label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-icon hui-display-inline-block hui-line-height-0 hui-vertical-align-middle">
                <i class="hui-iconfont hui-icon-qq hui-font-size-16"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-5 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-circle hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-circle hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <span class="hui-icon hui-display-inline-block">
                <i class="hui-iconfont hui-icon-qq hui-font-size-28"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-10 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-white hui-display-inline-block hui-width-height-8 hui-circle"></label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-white hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-turquoise hui-font-size-12">
                    2
                </label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-col-25 hui-padding-row-8 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-icon hui-display-inline-block hui-line-height-0 hui-vertical-align-middle">
                <i class="hui-iconfont hui-icon-qq hui-font-size-16"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-border-radius-5 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-circle hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-circle hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-width-height-50 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <span class="hui-icon hui-display-inline-block">
                <i class="hui-iconfont hui-icon-qq hui-font-size-28"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-10 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-turquoise hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                    2
                </label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-transparent hui-outline-none hui-border-all-turquoise hui-font-color-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-white-color-active hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-icon hui-display-inline-block hui-line-height-0 hui-vertical-align-middle">
                <i class="hui-iconfont hui-icon-qq hui-font-size-16"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-10 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-white hui-display-inline-block hui-width-height-8 hui-circle"></label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label>按钮名称</label>
            <span class="hui-badge hui-display-inline-block hui-line-height-0">
                <label class="hui-badge-content hui-background-color-white hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-turquoise hui-font-size-12">
                    2
                </label>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
        <button class="hui-button hui-width-full hui-border-radius-3 hui-background-color-turquoise hui-outline-none hui-border-all-turquoise hui-padding-row-10 hui-background-color-turquoise-active hui-font-color-white hui-border-all-turquoise-active">
            <label class="hui-vertical-align-middle">按钮名称</label>
            <span class="hui-icon hui-display-inline-block hui-line-height-0 hui-vertical-align-middle">
                <i class="hui-iconfont hui-icon-qq hui-font-size-16"></i>
            </span>
        </button>
        <!--======分割线======-->
        <div class="hui-height-5 hui-clear-both"></div>
        <!--======分割线======-->
    </div>
    <script type="text/javascript" src="../../../script/hui.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>
